<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="导航数据">
      <VW v-model="activeData.extConfig.customNavLists">
        <el-input
          v-model="activeData.extConfig.customNavLists"
          placeholder="请选择数据"
        />
      </VW>
    </el-form-item>
    <el-form-item label="PC端列数">
        <el-input-number
          v-model="activeData.extConfig.columnCount"
        />
    </el-form-item>
     <el-form-item label="移动端列数">
        <el-input-number
          v-model="activeData.extConfig.mobileColumnCount"
        />
    </el-form-item>
     <el-form-item label="图标宽度">
        <el-input
          v-model="activeData.extConfig.iconWidth"
        />
    </el-form-item>
      <el-form-item label="图标高度">
        <el-input
          v-model="activeData.extConfig.iconHeight"
        />
    </el-form-item>
     <el-form-item label="字体颜色">
       <el-color-picker v-model="activeData.extConfig.textColor"></el-color-picker>
    </el-form-item>
    <el-form-item label="字体字重">
        <el-select v-model="activeData.extConfig.textWeight">
          <el-option v-for="(item, index) in weights" :key="index" :value="item.value" :label="item.label"></el-option>
       </el-select>
    </el-form-item>
    <el-form-item label="字体字号">
        <el-input-number
          v-model="activeData.extConfig.textSize"
        />
    </el-form-item>
  </el-form>
</template>
<script>
export default {
    name:'gridNav-config',
    props:['activeData'],
    data(){
      return {
        weights: [
          {
             value: "lighter",
             label: "细"
          },
          {
            value: "normal",
            label: "正常"
          },
          {
             value: "bolder",
            label: "粗"
          },
        ]
      }
    },
    computed:{
    },
    watch:{
     
    },
    methods: {
   
    },
}
</script>